@charset "gb2312";
*{ margin:0; padding:0; border:none; font-family: "΢ÈíÑźÚ", Arial, Helvetica, sans-serif; font-size:13px; line-height:28px; color:#3d3d3d;list-style:none; border:none;}
body{max-width:1920px; margin:0 auto;}
a{ color:#3d3d3d; text-decoration:none}
a:hover{text-decoration:none}

.left{ float:left}
.right{ float:right}
.clear{clear:both; height:0; line-height:0; overflow:hidden; display:block}

.topArea{ width:100%; height:35px; background:#f9f9f9; border-bottom:1px solid #ececec;margin:0 auto}
.topArea .main{ width:1100px; height:35px; margin:0 auto}
.topArea .main .welcome{ width:860px; height:35px; float:left; line-height:35px; font-size:12px; color:#303030}
.topArea .main .link{ width:240px; height:35px; float:right}
.topArea .main .link ul li{
	float: left;
	height:35px;
	line-height:35px;
	color:#303030;
	padding: 0 15px;
}

.topArea .main .link ul li.ico1{ background:url(images/map.gif) no-repeat 0 center}
.topArea .main .link ul li.ico2{ background:url(images/message.gif) no-repeat 0 center}
.topArea .main .link ul li.ico3{ background:url(images/contact.gif) no-repeat 0 center}

.top{ width:1100px; height:117px; background: url(images/logo.gif) center center no-repeat; margin:0 auto}

.navbg{ width:100%; height:57px; background: url(images/navbg.gif) repeat-x 0 0; margin:0 auto}
.navbg .main{ width:1100px; height:57px; margin:0 auto}
.navbg .main ul li{ width:137px; height:57px; float:left}
.navbg .main ul li a{ width:137px; height:57px; line-height:52px; display:block; text-align:center; color:#FFF; font-size:15px; font-weight:bold}
.navbg .main ul li a:hover{ background:url(images/navhover.gif) repeat-x 0 0}

#banss{ width:100%; height:480px; overflow:hidden; position:relative}
#slideshow{position: absolute;height: 480px;width: 1920px; left:50%; margin-left:-960px}
#slideshow a{float: left;display: inline;}
#slideshow .img{position: absolute;width: 1920px;height: 480px; }
#slideshow .img span{position: absolute;width: 19999px;display: block}
#slideshow .btns{z-index: 10;position: relative;width: 100%}
#slideshow .btns b{position: absolute;width: 100px;display: block;height: 14px;overflow: hidden;top: 450px;left: 50%; margin-left:-960px }
#slideshow .btns b i{width: 10px;background: #fff;float: left;height: 10px;font-size: 0px;overflow: hidden;cursor: pointer;margin-right: 10px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px}
#slideshow .btns b i: hover{background: #a7a7a6}
#slideshow .btns b i.on{background: #cf0d25;cursor: default}
#slideshow .btns b i.on: hover{background: #cf0d25;cursor: default}
#slideshow .btns s{position: absolute;width: 60px;display: none;height: 80px;overflow: hidden;top: 115px;cursor: pointer}
#slideshow .btns s i{position: absolute;width: 60px;background: url(images/btn_slideshow.png);height: 160px;_filter: progid: dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale, src="images/btn_slideshow.png");_background: none;}
#slideshow .btns s.prev{left: 0px}
#slideshow .btns s.prev i{top: -80px}
#slideshow .btns s.next{right: 0px}
.slideshow-hover#slideshow .btns s{display: block}
.paging{opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;height: 380px;position: absolute;background: #000;overflow: hidden}
.wtit .info,.wtit .tit{float: left;}
.wtit .info{padding: 35px 0 0 20px;color: #989898;}
.wtit .info span{margin: 0 8px;}

.box{ height:40px; overflow:hidden; width:590px}
.t_news{ height:40px; line-height:40px color:#333; padding-left:10px;overflow:hidden; position:relative;}
.news_li,.swap{ line-height:30px; display:inline-block; position:absolute; top:5px; }
.news_li a,.swap a{ color:#333; line-height:30px}


.bgproducttj{ width:100%; height:auto; margin:0 auto; background:#f5f5f5; }
.producttj{ width:1100px; height:auto; margin:0 auto;padding:26px 0}
.producttj .head{ width:1100px; height:52px; background:#005dcb}
.producttj .head P{font-size:20px; font-weight:bold; color:#FFF; line-height:52px; display:block; float:left; background:#f89201;padding-left:30px;  padding-right:30px; float:left}
.producttj .head a{float:right; margin-right:16px; color:#FFF; font-size:12px; line-height:52px}
.producttj .content{ width:1030px; height:auto; background:#FFF; padding:35px}
.proimg_b{ display:inlne; width:252px; height:245px; border:5px solid #ebebeb;margin:0 auto; overflow:hidden; text-align:center; line-height:40px; float:left; margin:0 5px; font-size:14px; color:#707070; background:#ebebeb}
.proimg_b:hover{ display:inlne; width:252px; height:245px; border:5px solid #dfdfdf;margin:0 auto; overflow:hidden; text-align:center; line-height:40px; float:left; margin:0 5px; font-size:14px; color:#707070; background:#dfdfdf}


.productframe{ width:1100px; height:auto; margin:25px auto}

.cplist{ float:left; width:260px; height:auto;margin-right:20px}
.cplist .head{ height:75px; width:260px; background:url(images/list.gif) no-repeat 13px 22px #1067ce}
.cplist .content{ width:260px; background:url(images/tel.gif) left bottom no-repeat #f6f6f6; min-height:353px}

.onepro{ width:260px; height:50px; line-height:50px; text-indent:52px; display: block; margin:0 auto; font-size:15px; color:#333; }
.onepro:hover{ background:#efefef}

.cpdisplay{ float:right; width:818px; height:auto; border:1px solid #d6d6d6}
.cpdisplay .head{ width:818px; height:74px; background:url(images/dh_cpdisplay.gif) left bottom repeat-x}
.cpdisplay .head p{ line-height:74px; font-size:19px; font-weight:bold; color:#333; float:left; display:block; float:left; background: url(images/aa.jpg) left bottom repeat-x;padding-left:20px;  padding-right:20px; margin-left:12px}
.cpdisplay .head a{float:right; margin-right:18px; line-height:67px}
.cpdisplay .content{ width:788px; height:482px; padding:15px}
.proimg_aa{ display:inlne; width:179px; height:141px; border:3px solid #ebebeb;margin:0 auto; overflow:hidden; float:left; margin:6px;}
.proimg_aa:hover{ display:inlne; width:179px; height:141px; border:3px solid #dfdfdf;margin:0 auto; overflow:hidden; float:left; margin:6px;}

.cpbann{ width:100%; height:161px; margin:0 auto; background:#1171bb; border-top:4px solid #dfdfdf}
.cpbann .main{ width:1100px; height:161px; margin:0 auto}

.cpbann .main .lefttxt{ width:510px; height:161px; float:left}
.cpbann .main .lefttxt p{ font-size:28px; font-weight:bold; line-height:55px; color:#e4ff00; margin-top:35px}
.cpbann .main .lefttxt span{ font-size:23px; line-height:30px; color:#fff}

.cpbann .main .centerpic{ width:380px; height:161px; float:left; background:url(images/pic.gif) center center no-repeat}

.cpbann .main .righttel{ width:200px; height:auto; float:right}
.cpbann .main .righttel p{ color:#FFF; font-size:15px; margin-top:40px}
.cpbann .main .righttel span{ color:#FFF; font-size:20px; font-family: "Arial"; line-height:35px; font-weight:bold}
.cpbann .main .righttel a{ width:137px; height:34px; margin-top:5px}

.advantage{ width:1100px; height:auto; margin:50px auto}
.advantage .head{ width:1100px; height: auto}
.advantage .head p{ font-size:36px; color:#25262c; font-weight:bold; line-height:50px; text-align:center}
.advantage .head span{ font-size:48px; font-weight:bold; line-height:50px; color:#e60012}
.advantage .head .subtitle{ width:1100px; height:52px; background:url(images/dec.gif) center bottom  no-repeat; line-height:52px; font-size:16px; color:#424242; text-align:center}
.advantage .content{ width:1100px; height:auto; margin-top:36px}

.advantage .content .frame1{ width:240px; height:450px; float:left; margin-right:46px; position:relative}
.advantage .content .frame1 .picture{ width:240px; height:310px; position:absolute; left:0; top:45px; z-index:-10px}
.advantage .content .frame1 .six{ width:80px; height:93px; position:absolute; left:80px; top:0; background:url(images/six-1.png) no-repeat 0 0; z-index:100px}
.advantage .content .frame1 .six p{ font-size:20px; color:#FFF; font-weight:bold; line-height:24px; text-align:center; margin-top:25px}
.advantage .content .frame1 .txt{ width:240px; height:69px; position:absolute; left:0; top:375px; color:#67686a; line-height:23px}


.advantage .content .frame2{ width:240px; height:450px; float:left; margin-right:46px; position:relative; margin-top:45px}
.advantage .content .frame2 .picture{ width:240px; height:310px; position:absolute; left:0; top:45px; z-index:-10px}
.advantage .content .frame2 .six{ width:80px; height:93px; position:absolute; left:80px; top:0; background:url(images/six-2.png) no-repeat 0 0; z-index:100px}
.advantage .content .frame2 .six p{ font-size:20px; color:#FFF; font-weight:bold; line-height:24px; text-align:center; margin-top:25px}
.advantage .content .frame2 .txt{ width:240px; height:69px; position:absolute; left:0; top:375px; color:#67686a; line-height:23px}


.about{ width:100%; height:auto; margin:0 auto; background:#ececec}
.about .main{ width:1100px; height:auto; margin:0 auto; padding-top:40px; padding-bottom:40px}
.about .main .head{ width:1100px; height:65px; background:url(images/dec.gif) center bottom no-repeat}
.about .main .head p{font-size:34px; color:#25262c; font-weight:bold; line-height:65px; text-align:center}
.about .main .head span{ font-size:34px; font-weight:bold; line-height:65px; color:#e60012}
.about .main .content{ width:1100px; height:auto; margin-top:45px; line-height:30px; color:#3d3d3d}

.bottomframe{ width:1100px; height:auto; margin:45px auto}

.news{ width:398px; height:auto; float:left; margin-right:20px; border:1px solid #e0e0e0; border-top: none; background:url(images/bg_main_dh.gif) left top repeat-x}
.news .head{ width:398px; height:54px; background:url(images/aa.gif) no-repeat 20px center }
.news .head p{font-size:20px; font-weight:bold;color:#015db4; line-height:54px; text-indent:35px; float:left}
.news .head a{ float:right; margin-right:10px; margin-top:23px}
.news .content{ width:368px; height:280px; padding:15px}

.news .content ul li{height:39px; width:368px; line-height:39px; border-bottom:1px dotted #cdcdcd; background:url(images/icon.gif) no-repeat 0 center; text-indent:20px; overflow:hidden;}
.news .content ul li a{height:39px; width:268px;line-height:39px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.news .content ul li span{height:39px; width:100px; display:block; overflow:hidden; line-height:39px; font-family:Arial; color:#999999}

.contact{ width:260px; height:auto; float:right; background:url(images/dh1.gif) left top repeat-x}
.contact .head{ font-size:20px; line-height:60px;color:#fff; font-weight:bold; background:url(images/bb.gif) no-repeat 0 0; text-indent:20px}
.contact .content{width:220px; height:265px; background:url(images/lxwm.gif) center bottom no-repeat #0368ae; padding:20px; color:#FFF}



.foot{ width:100%; height:55px; background:#005dcb; margin:0 auto; }
.foot .main{width:1100px; height: 55px; margin:0 auto; color:#fff; font-size:15px; line-height:55px; text-align:center}
.foot .main a,.foot .main a:hover{color:#fff; font-size:15px; line-height:55px;}
.bottom{ width:100%; height:auto; background:#181818; margin:0 auto}
.bottom .main{ width:1100px; height:auto; margin:0 auto; color:#acadb2; line-height:30px; padding-top:38px; padding-bottom:38px; text-align:center}





.mainframe{ width:1100px; height:auto; margin:0 auto; margin:30px auto}
.leftframe{ width:260px; height:auto; float:left; margin-right:20px}
.rightframe{ width:820px; height:auto; float:right}



.maincont{ float:right; width:818px; height:auto; border:1px solid #d6d6d6}
.maincont .head{ width:818px; height:74px; background:url(images/dh_cpdisplay.gif) left bottom repeat-x}
.maincont .head p{ line-height:74px; font-size:19px; font-weight:bold; color:#333; float:left; display:block; float:left; background: url(images/aa.jpg) left bottom repeat-x;padding-left:20px;  padding-right:20px; margin-left:12px}
.maincont .head span{float:right; margin-right:18px; line-height:67px; font-size:13px; color:#999}
.maincont .content{ width:788px; min-height:707px; padding:15px}
.maincont .content1{ width:788px; min-height:707px; padding:15px}
.maincont .content ul li{ height:39px; width:788px; line-height:39px; border-bottom:1px dotted #e0e0e0; background:url(images/icon.gif) no-repeat 10px 14px; text-indent:26px; overflow:hidden;}
.maincont .content ul li:hover{ height:39px; width:788px; line-height:39px; border-bottom:1px dotted #e0e0e0; background:url(images/icon.gif) no-repeat 10px 14px; text-indent:26px; overflow:hidden}
.maincont .content ul li a{ height:39px; width:688px; display:block; overflow:hidden; line-height:39px;}
.maincont .content ul li span{ height:39px; width:100px; display:block; overflow:hidden; line-height:39px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666}

.proimg_bb{ display:inlne; width:179px; height:171px; border:1px solid #ebebeb;margin:0 auto; overflow:hidden; float:left; margin:6px;text-align:center; line-height:30px; padding:2px }
.proimg_bb:hover{ display:inlne; width:179px; height:171px; border:1px solid #dfdfdf;margin:0 auto; overflow:hidden; float:left; margin:6px;text-align:center; line-height:30px; background:#dfdfdf; color:#333; padding:2px}



.proimg_a{ display:inlne; width:226px; height:190px;  margin:0 auto; overflow:hidden; text-align:center; line-height:30px; float:left; margin:5px 10px 12px 10px; font-size:13px; font-family:"΢ÈíÑźÚ"; }
.proimg_a:hover{ display:inlne; width:226x; height:190 px;  margin:0 auto; overflow:hidden; text-align:center; line-height:30px; float:left; margin:5px 10px 12px 10px; font-size:13px; font-family:"΢ÈíÑźÚ"; }


#telback{ background:url(images/lxs.png) no-repeat 50px -30px; min-height:687px; padding:50px 0 0 420px; width:340px; font-size:14px; line-height:30px}


.proshow .prtitle{ line-height:30px; text-align:center; font-size:22px; padding:15px 0; font-family:"΢ÈíÑźÚ"; font-weight:bold}
.proshow .primgpic{ width:680px; height:auto; overflow-x:hidden; margin:0 auto; text-align:center}
.proshow .primgpic img{ max-width:680px; border:1px solid #ddd}
.proshow .prtent img{max-width:680px; margin-top:5px; margin-bottom:5px}
.proshow .prtent,.proshow .prtent p,.proshow .prtent span,.proshow .prtent li,.proshow .prtent div,.proshow .prtent td,.proshow .prtent th,.proshow .prtent dd{ font-size:12px}
.proshow .next{ padding-top:10px;color:#666; border-top:1px dotted #cfcfcf;margin-top:10px}
.proshow .pos{ height:16px; line-height:16px; border-bottom:1px dashed #aaa; text-align:center; padding-bottom:8px; margin-bottom:15px; color:#999}

.picmp2{ display: inline; width:179px; height:158px; margin:15px 20px 15px 20px; text-align: center; float:left; line-height:18px; overflow:hidden}